<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@include file="../Head.jsp"%>
<div class="Body">
	<!-- <div class="block h10"></div> -->
	<div class="baseWidth block">
		<div class="fl h30 clear" style="line-height: 30px; width: inherit;">
			<div class="menuline fl ml10">
				<ul>
					<li class="home">&nbsp;</li>
					<li class="next">&nbsp;</li>
					<li>首页</li>
					<li class="next">&nbsp;</li>
					<li>支付平台导航</li>
				</ul>
			</div>
			<div class="btns fr mr10">
				<!-- <a href="/file/shenqingbiao.doc" target="_blank">申请加入导航</a> -->
			</div>
		</div>
		<div class="pannel radius5 shadown bor">
			<div class="pannel-menu h30 pm6">
				<strong>支付平台列表</strong>
				<div class="fr mr10" style="line-height: 40px">
					<a href="/file/shenqingbiao.doc" target="_blank">申请加入导航</a>
				</div>
				<div class="fr mr40" style="line-height: 25px">
					<div class=" bor  mt7  radius5" style="width: 200px">
						<input type="text" style='border: none; margin: 5px 0px 5px 5px;width: 150px' placeholder="关键字检索" class="input-search" /><span class="btn-search" style="float: right; height: 25px; width: 25px;"> </span>
					</div>
				</div>
			</div>
			<div class="pannel-body">
				<div style="background: #FFFCB4; border-bottom: 2px dashed #D8D8D8;" class=" p10">
					<div style="width: 10%; float: left; text-align: center;">
						<strong>温馨提示：</strong>
					</div>
					<div style="width: 89%; float: left;">
						<font color="red"> 导航栏只提供信息参考，支付之家不做任何推荐，考察报告只做参考不作为推荐，请认真阅读。</font> <br>
						<p>
							点击公司名称，跳转到该公司官网； 点击图标<a class="btn_small btn_36060" href="#" title="加入收藏">&nbsp;</a>将该公司加入收藏； 点击图标<a class="btn_small btn_32482" href="#" title="查看档案">&nbsp;</a>查看该公司的详细档案信息； 点击图标<a
								class="btn_small btn_28550" href="#" title="新闻报告">&nbsp;</a>查看该公司的新闻动态和考察报告。
						</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class=" p10" style="border-bottom: 1px solid #D8D8D8;">
					<div style="width: 10%; float: left; text-align: center;">
						<strong>省市排序：</strong>
					</div>
					<div style="width: 89%; float: left;">
						<c:forEach items="${ListLocation}" var="item" varStatus="status">
							<span style="padding-right: 20px; float: left;"><a href="#mg_${status.index}">${item.location}</a></span>
						</c:forEach>
					</div>
					<div class="clear"></div>
				</div>
				<c:forEach items="${ListLocation}" var="item" varStatus="status">
					<div class="company_listA p10" style="${(status.index+1)!=listCount?'border-bottom: 1px dashed #d0d0d0':''}">
						<div style="width: 10%; float: left; text-align: center;">
							<strong>${item.location}</strong>(${item.size}) <a name="mg_${status.index}" class="mg_a fl"
								style="position: relative; top: -200px; height: 0px !important; font-size: 0px !important;">&nbsp;s</a>
						</div>
						<div style="width: 89%; float: left;">
							<c:forEach items="${ListCompany[status.index]}" var="item2" varStatus="status2">
								<span style="float: left; width: 33%" class="company_list"> 
									<a class="btn_small btn_36060 fl lh30 op50" href="#" title="加入收藏">&nbsp;</a> 
									<a href="${item2.webSite}" target="_blank" class="_blank fl lh30 " title="点击跳到  ${item2.companyName} 首页" style="max-width: 220px; max-height: 30px; overflow: hidden;"><div class="c_name">${item2.companyName}</div></a> 
									<a class="btn_small btn_32482 fl lh30 op10 ml10" href="${ctx}/navigation/NavigationInfo/${item2.companyId}.html" title="查看档案">&nbsp;</a> <a class="btn_small btn_28550 fl lh30 op10" href="#" title="新闻报告">&nbsp;</a>
								</span>
							</c:forEach>
						</div>
						<div class="clear"></div>
					</div>
				</c:forEach>
			</div>
		</div>
	</div>
	<div class="h20"></div>
</div>
<script type="text/javascript">
	$(function() {
		$(".input-search").keyup(function() {
			var tval = $(this).val();
			if (tval.length > 0){
				$(".company_listA").each(function() {
					var inx=0;
					$(this).find(".c_name").each(function() {
						if($(this).text().indexOf(tval)>=0){
							++inx;
							$(this).parent().parent().show();
						}else{
							$(this).parent().parent().hide();
						}
					});
					if(inx==0) $(this).hide();
					else $(this).show();
				});
			}else{
				$(".company_listA").show();
				$(".c_name").parent().parent().shweow();
			}
		});
 
		$("a[href^=#mg_]").click(function(){
			var mg_name=$(this).attr("href").substring(1);
			var objDiv=$("a[name="+mg_name+"]").parent().parent();
			var i=0;
	        clearInterval(timer);
	        var timer=null;
	        var bgc=objDiv.css("background-color");
	        timer=setInterval(function(){ 
	        	objDiv.css("background-color",i++%2?"#FFFFC6":bgc);//还是有收获的，这个写法比if..else想必简单了好多
	            i>8&&clearInterval(timer);//这个短路用的经典啊
	        },150);
		});
	});
</script>
<%@include file="../Bottom.jsp"%>
